<!DOCTYPE html>
<html>
	<head>
		<title>Login</title>
		<% include ./common/link %>
		<style type="text/css">
			.col-auto-center{
				float: none; 
				margin-left:auto;
				margin-right:auto;
				display:block;
			}
		</style>
	</head>
	<body>
		<% include common/header %>
		<div class="container-fluid col-xs-2 col-md-2 col-auto-center" style="margin-top:5%">
			<h3 class="text-center">Login</h3>
			<form action="/users/login" method="post">
				<div class="form-group">
					<label for="exampleInputUsername1">Username</label>
					<input type="text" class="form-control" id="exampleInputUsername1" placeholder="Username" name="username">
				</div>
				<div class="form-group">
					<div class="form-group">
						<label for="exampleInputPassword1">Password</label>
						<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" name="password">
					</div>
				</div>
				<button type="submit" class="btn btn-primary">Login</button>
			</form>
		</div>
		<% include common/footer %>
	</body>
	<script type="text/javascript">
	</script>
</html>